<!--
  Generated template for the OwnerPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>发布房源</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <form [formGroup]="ownerForm" (ngSubmit)="onSubmit(ownerForm.value)" novalidate>
      <ion-item>
        <ion-label>小区名称</ion-label>
        <ion-input type="text" [formControl]="areaName" placeholder="请输入小区名称" clearInput=true></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>小区地址</ion-label>
        <ion-input type="text" [formControl]="address" placeholder="请输入小区地址" clearInput=true></ion-input>
      </ion-item>

      <ion-item>
        <ion-label >期望租金</ion-label>
        <ion-input type="text" [formControl]="housePrice" placeholder="请输入期望租金(100~100000)" clearInput=true></ion-input>
      </ion-item>

      <ion-item>
        <ion-label >房屋简介</ion-label>
        <ion-input type="text" [formControl]="houseName" placeholder="请输入房屋简介(中文输入10~20字！)" clearInput=true></ion-input>
      </ion-item>

      <ion-item>
        <ion-label >楼层</ion-label>
        <ion-input type="text" [formControl]="floor" placeholder="请输入房屋楼层" clearInput=true></ion-input>
      </ion-item>

      <ion-item>
        <ion-label >面积</ion-label>
        <ion-input type="text" [formControl]="area"  placeholder="请输入面积" clearInput=true></ion-input>
      </ion-item>

      <ion-item>
        <ion-label >朝向</ion-label>
        <ion-input type="text" [formControl]="aspect" placeholder="请输入朝向" clearInput=true></ion-input>
      </ion-item>

    <ion-item>
      <ion-label>房型选择</ion-label>
      <ion-select  placeholder = "choose" [formControl]="houseTypeId">
        <ion-option value="1">1室1厅</ion-option>
        <ion-option value="2">2室1厅</ion-option>
        <ion-option value="3">3室1厅</ion-option>
        <ion-option value="4">3室2厅</ion-option>
      </ion-select>
    </ion-item>


    <!--<ion-item>-->
        <!--<ion-select [formControl]="houseTypeId">-->
          <!--<option value="1">1室1厅</option>-->
          <!--<option value="2">2室1厅</option>-->
          <!--<option value="3">3室1厅</option>-->
          <!--<option value="4">3室2厅</option>-->
        <!--</ion-select>-->

    <!--</ion-item>-->


    <button ion-button block color="secondary" type="submit" [disabled]="ownerForm.valid" id="login-button">登录</button>
  </form>
</ion-content>
